﻿Ext.define('Html5App.view.Home', {
	alternateClassName : 'home',
	extend : 'Ext.Container',
	xtype : 'home',
	id : 'home',
	requires : ['Html5App.view.TitleBar'],
	config : {
		clear : 0,
		barHide : true,
		cls : 'home-background-color',
		items : [{
			xtype : 'container',
			cls : 'home-tools-container',
			layout : {
				type : 'hbox'
			},
			items : [{
				xtype : 'button',
				cls : 'home-exit-button',
				action : 'appExitAction'
			},{
				flex : 1,
				cls : 'home-username-container',
				id : 'username_label',
				html : ''
			},{
				xtype : 'button',
				cls : 'home-download-button',
				action : 'downloadData'
			},{
				xtype : 'button',
				cls : 'home-download-file-button',
				action : 'downloadFile'
			},{
				cls : 'home-empty-container'
			},{
				xtype : 'button',
				cls : 'home-refresh-button',
				action : 'updateAPP'
			},{
				cls : 'home-empty-container'
			}]
		},{
			cls : 'home-search-container',
			layout : {
				type : 'hbox'
			},
			items : [{
				flex : 4,
				inputCls : 'home-search-field',
				id : 'searchKeyword',
				clearIcon : false,
				xtype : 'textfield',
				placeHolder : '輸入客戶號碼/名稱'
			},{
				flex : 1,
				cls : 'home-search-button',
				xtype : 'button',
				html : '搜 索',
				action : 'searchCustomer'
			}]
		},{
			cls : 'home-empty-container'
		},{
			flex : 1,
			id : 'titleBar',
			xtype : 'titleBar'
		}]
	}
});